<template>
	<view>
		<scroll-view scroll-y="true">
			<view class="scroll-container smart-column">
				<view>其他</view>
				<view class="ontent">
					<view class="box1 flex-item-c">自动宽度</view>
					<view class="box2 flex-item-c">固定宽度</view>
				</view>
				
				<view class="box smart-row">
					<view class="smart-bg-red flex-item">A</view>
					<view class="smart-bg-green flex-item">B</view>
					<view class="smart-bg-blue flex-item">C</view>
				</view>

				<view class="container smart-column">
					<view class="smart-bg-red flex-item-c">A</view>
					<view class="smart-bg-green flex-item-c">B</view>
					<view class="smart-bg-blue flex-item-c">C</view>
				</view>
			</view>
		</scroll-view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style>
.scroll-container {
	gap: 30rpx;
}
</style>